<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>酒店详情</title>
    <link rel="stylesheet" href="../lib/css/frozen.css">
    <link rel="stylesheet" href="../lib/css/font-awesome.css">
    <link rel="stylesheet" href="../communal/css/style-lmh.css"/>
</head>
<body ontouchmove="return false;">
<!--头部-->
<header class="ui-header ui-header-positive ui-border-b " style="background-color: #29AD7B;">
    <!--返回和logo-->
    <div class="tou1-lmh my-nav">
        <i class="fa fa-reply fh2_lmh" aria-hidden="true"></i>
        <!--<span class="active">返回</span>-->
        <span class="span_3_lmh">logo</span>

    </div>


    <div class="tou2-lmh">
        <span>
         <i class="fa fa-user-circle-o loginlocal" aria-hidden="true"></i>
        </span>
    </div>
</header>
<!--底部-->
<!--<footer class="ui-footer ui-footer-btn  ui-btn-group ui-footer-stable db-lmh">-->
<!--<footer class="ui-footer ui-footer-stable ui-border-t">-->
<!--<ul class="ui-tiled  my-menu-lmh">-->
<!--<li><div class="my-menu">手机版</div></li>-->
<!--<li><div class="my-menu">电脑版</div></li>-->
<!--<li><div class="my-menu">APP</div></li>-->
<!--</ul>-->
<!--</footer>-->
<!--</footer>-->

<section class="ui-container">
    <div class="ui-selector-content  my-scroller ui-scroller" style="display:block">
        <div>
            <!-- -------------------------------内容------------------------------------------------------->
            <!--轮播-->

            <div class="demo-block">
                <div class="ui-slider"  style="height: 12vh">
                    <ul class="ui-slider-content" style="width: 300%;">
                        <li><span style="background-image:url(../communal/imgs/jdxq1.jpg)"></span></li>
                        <li><span style="background-image:url(../communal/imgs/jdxq2.jpg)"></span></li>
                        <li><span style="background-image:url(../communal/imgs/jdxq3.jpg)"></span></li>
                        <li><span style="background-image:url(../communal/imgs/jdxq4.jpg)"></span></li>
                        <li><span style="background-image:url(../communal/imgs/jdxq5.jpg)"></span></li>
                    </ul>
                </div>
            </div>

            <div>
                <h3 class="h1_5_lmh">- -成都首座万丽酒店- -</h3>
                <p class="p_5_lmh">
                    成都世纪城天堂洲际大饭店坐落于世纪城大道，距离成都国际展
                    览中心仅有几步之遥。酒店设有spa中心、免费停车场和5个餐饮场所。
                    <br/>
                    <br/>
                    成都世纪城天堂洲际大饭店的现代客房配有豪华的中式家具和装潢。所有客房均配有平面卫星电视和玻璃浴室。
                    <br/>
                    <br/>
                    客人可以在健身中心锻炼身体或在健康中心的桑拿浴室放松身心。酒店提供按摩服务。礼宾部可为您提供一日游和票务服务。
                    <br/>
                    <br/>
                    您可在Ponti餐厅享用意大利美食或在La Rôtisserie餐厅享用法国菜和红酒。
                    <br/>
                    <br/>
                    酒店的咖啡厅提供自助餐和点菜菜单。Chatz Bar酒吧供应饮品。
                    <br/>
                    <br/>
                    成都世纪城天堂洲际大饭店距离双流国际机场有20分钟车程，距离九眼桥酒吧街约有8公里。
                </p>
                <p class="p_8_lmh"></p>
                <p class="p_6_lmh">
                    <i class="i_3_lmh">P</i>
                    <i>免费停车场</i>
                    <i class="fa fa-wifi" aria-hidden="true"></i>
                    <i class="fa fa-bath" aria-hidden="true"></i>
                    <i class="fa fa-cutlery" aria-hidden="true"></i>
                    <i class="fa fa-car" aria-hidden="true"></i>
                </p>
                <p class="p_8_lmh"></p>
                <p class="p_7_lmh">
                    <i class="fa fa-credit-card" aria-hidden="true"></i>
                    <i>预订客房无需信用卡，到店支付</i>
                </p>
                <p class="p_9_lmh"></p>
            </div>

            <!--入住人数-->
            <div>
                <p class="p_10_lmh">
                    <span>您的选择：</span>
                    <input type="number" class="input_1_lmh" value="1"/>
                    <span>位成人，</span>
                    <input type="number" class="input_1_lmh" value="1"/>
                    <span>晚</span>
                </p>
            </div>

            <hr/>
            <!--入住时间-->
            <div style="margin-left: 2vh">
                <p>
                    <span>入住时间</span>
                    <input type="date"/>
                </p>
                <br/>

                 <p>
                     <span>退房时间</span>
                     <input type="date"/>
                 </p>
            </div>

            <!--预定-->
            <div class="div_15_lmh">
                <p style="color:#003184;font-weight: bolder;margin-left: 2vh">豪华间</p>
                <hr/>
                <p class="p_11_lmh">
                    <i class="fa fa-coffee" aria-hidden="true"></i>
                    <span>包括早餐</span>
                </p>
                <p class="p_11_lmh">
                    <i class="fa fa-check" aria-hidden="true"></i>
                    <span>免费取消</span>
                    <i class="fa fa-check" aria-hidden="true"></i>
                    <span>无需预付-到店付款</span>
                </p>

                <p class="p_12_lmh">
                    <i class="fa fa-male fa-2x" aria-hidden="true"></i>
                    <i class="fa fa-female fa-2x" aria-hidden="true"></i>
                    <span>+</span>
                    <i class="fa fa-child" aria-hidden="true"></i>
                    <span>=</span>
                    <i class="fa fa-jpy" aria-hidden="true" style="color:red"></i>
                    <span style="color:red">1,205元</span>
                </p>
                <br/>
                <p class="p_11_lmh">
                    <span>别担心，现在不会收取费用！</span>

                        <button class="button_1_lmh">预定</button>

                </p>


            </div>
            <!-- -------------------------------内容------------------------------------------------------->
        </div>
    </div>
</section>

<script src="../lib/js/zepto.min.v1.1.6.js"></script>
<script src="../lib/js/zepto.toch.js"></script>
<script src="../lib/js/frozen.js"></script>
<script type="text/javascript">
    //    登录状态------------------------------------------------
    if(localStorage != undefined||localStorage!=""||localStorage!=null){
        console.log(localStorage);
        $(".loginlocal").text(localStorage.name);
        setTimeout(function(){
            localStorage.clear();
        },1000);
    }


    //    轮播-------------------------------------
    (function (){
        var slider = new fz.Scroll('.ui-slider', {
            role: 'slider',
            indicator: true,
            autoplay: true,
            interval: 3000
        });

        slider.on('beforeScrollStart', function(fromIndex, toIndex) {
//            console.log(fromIndex,toIndex)
        });

        slider.on('scrollEnd', function(cruPage) {
//            console.log(cruPage)
        });
    })();
    //    轮播结束-------------------------------------

    $(function(){
        var scroll = new fz.Scroll('.ui-scroller', {
            scrollY: true,
            bounce:true
        });

        $(".ui-scroller")[0].ontouchend=function() {
            var s = scroll.getComputedPosition();
            scroll.refresh();
        }


//        头部点击---------------------------------
        $('.my-nav > span').on("tap",function(){
            $('.my-nav > span').removeClass('active');
            $(this).addClass('active');
        });



//        返回酒店列表
        $('.fh2_lmh').on("tap",function(){
            window.location.href = "tavern-lmh.html";
        });




    });




</script>
</body>
</html>